<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>主页</title>
  <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <section id="index">
    <header class="top">
      <div class="search">
        <i></i>
        <span>搜索旅行地/酒店/景点</span>
      </div>
    </header>
    <section id="index-section">
      <section class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><a href=""><img src="./images/img/banner1.jpg" /></a></div>
          <div class="swiper-slide"><a href=""><img src="./images/img/banner2.jpg" /></a></div>
          <div class="swiper-slide"><a href=""><img src="./images/img/banner3.jpg" /></a></div>
          <div class="swiper-slide"><a href=""><img src="./images/img/banner4.jpg" /></a></div>
        </div>
        <div class="swiper-pagination"></div>
      </section>
      <section class="travel-list">
        <ul>
          <li><a href="tarvel.html">旅游</a></li>
          <li><a href="">出镜游</a></li>
          <li><a href="">国内游</a></li>
          <li><a href="">周边游</a></li>
          <li><a href="">当地游</a></li>
        </ul>
        <ul>
          <li><a href="">机票</a></li>
          <li><a href="">低价机票</a></li>
          <li><a href="">汽车票/船票</a></li>
          <li><a href="">火车票</a></li>
          <li><a href="">专车/自驾</a></li>
        </ul>
        <ul>
          <li><a href="">酒店</a></li>
          <li><a href="">海外酒店</a></li>
          <li><a href="">国内酒店</a></li>
          <li><a href="">热门酒店</a></li>
          <li><a href="">特色酒店</a></li>
        </ul>
      </section>
      <a href="" class="ad"><img data-src="./images/img/ad_0328_02.jpg" alt=""></a>
      <section class="sale">
        <h2 class="title"><i></i>特卖汇</h2>
        <div class="content">
          <a href="" class="item">
            <div class="item-img">
            <img data-src="./images/img/item-img0329_01.jpg" alt="">
            </div>
            <div class="textwrap">
              <p>台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单...</p>
            <p><span>席位充足</span><span><span class="price">1999</span>起</span></p>
            </div>
          </a>
          <a href="" class="item">
            <div class="item-img">
            <img data-src="./images/img/item-img0329_02.jpg" alt="">
            </div>
            <div class="textwrap">
              <p>巴厘岛7日5晚自由行。五星豪庭，三星价格3月特...</p>
            <p><span>席位充足</span><span><span class="price">2989</span>起</span></p>
            </div>
          </a>
          <a href="" class="item">
            <div class="item-img">
            <img data-src="./images/img/item-img0329_03.jpg" alt="">
            </div>
            <div class="textwrap">
              <p>韩国首尔5日4晚跟团游。暑假预售商圈五花，好...</p>
              <p><span>席位充足</span><span><span class="price">1699</span>起</span></p>
            </div>
          </a>
          <a href="" class="item">
            <div class="item-img">
            <img data-src="./images/img/item-img0329_04.jpg" alt="">
            </div>
            <div class="textwrap">
              <p>马尔代夫6日自由行·6日4晚。全球顶级海岛蜜月...</p>
              <p><span>席位充足</span><span><span class="price">3099</span>起</span></p>
            </div>
          </a>
          <a href="" class="item">
            <div class="item-img">
            <img data-src="./images/img/item-img0329_05.jpg" alt="">
             </div>
            <div class="textwrap">
              <p>香港5日自由行·仅含往返机票。星光大道+天星小...</p>
            <p><span>席位充足</span><span><span class="price">1888</span>起</span></p>
            </div>
          </a>
          <a href="" class="item">
            <div class="item-img">
            <img data-src="./images/img/item-img0329_06.jpg" alt="">
            </div>
            <div class="textwrap">
              <p>新加坡5日4晚自由行。错峰周末游，特赠送价值...</p>
              <p><span>席位充足</span><span><span class="price">2689</span>起</span></p>
            </div>
          </a>
        </div>
      </section>
    </section>
      <!-- 底部 -->
      <footer class="tabbar">
        <a href="javascript:void(0)">
          <div><img src="./images/icon/footer_0322_01.png" alt=""></div>
          <p>首页</p>
        </a>
        <a href="search.html">
          <div><img src="./images/icon/footer_0322_06.png" alt=""></div>
          <p>目的地</p>
        </a>
        <a href="history.html">
          <div><img src="./images/icon/footer_0322_07.png" alt=""></div>
          <p>浏览历史</p>
        </a>
        <a href="myinfo.html">
          <div><img src="./images/icon/footer_0322_08.png" alt=""></div>
          <p>个人</p>
        </a>
      </footer>
  </section>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/zepto.js"></script>
   <script src="./js/commen.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>